<template>
	<view class="pageBox" :style="{paddingTop :statusBarHeight + 125 + 'px'}">
		<view class="topBox " :style="{position: 'fixed', top: 0, left: 0, zIndex: 2, paddingTop: statusBarHeight + 'px'}">
			<view class="top flex-between">
				<view class="search flex-row" @click="goPage('/home/search')">
					<image class="searchIcon" src="http://www.bobei.shop/static/third/searchIcon.png" mode="">
					</image>
					<view class="searchText">
						搜索您需要的商品名称
					</view>
				</view>
				<view class="message flex-center" @click="goPage('/home/notice')">
					<image class="noticeIcon" src="http://www.bobei.shop/static/third/noticeIcon.png" mode="">
					</image>
					<!-- <view class="messageNum flex-center" v-if="home.noticeList">
						{{ home.noticeList.length}}
					</view> -->
				</view>
			</view>

			<view class="topTabs flex-between">
				<scroll-view :scroll-x="true" style="width: 640rpx;">
					<view class="topTabsLeft flex-row">
						<view class="topTab flex-center" v-for="item in topTabs" :key="item.id" @click="onTopTab(item)">
							<view :class="[item.status ? 'topTabText2' : 'topTabText']">
								{{ item.title }}
							</view>
							<image class="tabLine" src="http://www.bobei.shop/static/third/tabLine.png" mode="" v-if="item.status">
							</image>
						</view>
					</view>
				</scroll-view>
				<view class="topTabsRight flex-row" @click="goClassify">
					<image class="topTabsRightImg" src="http://www.bobei.shop/static/third/fenLei.png" mode="">
					</image>
				</view>
			</view>
		</view>

		<!-- tab首页内容 -->
		<view class="content" v-if="topTabsId == '0'">
			<view class="swiperBox">
				<swiper style="height: 232rpx;" previous-margin="35rpx" next-margin="36rpx" @change="handlechange"
					:current="mycurrent" :indicator-dots="false" :circular="true" :interval="3000" :duration="1000"
					:autoplay="true">
					<swiper-item v-for="(item, index) in home.slideList" :key="index" @click="onSwiperItem(item)">
						<view :class="['swiper-item',index==mycurrent ? 'active' : '']">
							<image :src="item.src" style="width: 100%;height: 100%;"></image>
						</view>
					</swiper-item>
				</swiper>
			</view>

			<view class="welcome flex-between">
				<view class="welcomeItem flex-row">
					<image class="welcomeItemImg" src="http://www.bobei.shop/static/third/zhengPinDaPai.png" mode="">
					</image>
					<view class="welcomeItemText">
						正品大牌
					</view>
				</view>

				<view class="welcomeItem flex-row">
					<image class="welcomeItemImg" src="http://www.bobei.shop/static/third/zhengPinBaoZhang.png" mode="">
					</image>
					<view class="welcomeItemText">
						正品保障
					</view>
				</view>

				<view class="welcomeItem flex-row">
					<image class="welcomeItemImg" src="http://www.bobei.shop/static/third/mianFeiWuLiu.png" mode="">
					</image>
					<view class="welcomeItemText">
						免费物流
					</view>
				</view>

				<view class="welcomeItem flex-row">
					<image class="welcomeItemImg" src="http://www.bobei.shop/static/third/shouHouWuYou.png" mode="">
					</image>
					<view class="welcomeItemText">
						售后无忧
					</view>
				</view>
			</view>

			<view class="menuBox">
				<view class="menu flex">
					<navigator hover-class="none" :url="'/home/goodsList?genre=0' + '&navTitle=推荐专区'"
						class="menuItem flex-center">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/tuiJianZhuanQu.png">
						</image>
						<view class="menuItemText">推荐专区</view>
					</navigator>

					<navigator hover-class="none" :url="'/home/goodsList?genre=2' + '&navTitle=日用百货'"
						class="menuItem flex-center">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/riYongBaiHuo.png">
						</image>
						<view class="menuItemText">日用百货</view>
					</navigator>

					<view class="menuItem flex-center" @click="onNothing">
						<image class="menuItemImg menuItemImg2" src="http://www.bobei.shop/static/third/diuHuanZhaunQu.png">
						</image>
						<view class="menuItemText">兑换专区</view>
					</view>

					<view class="menuItem flex-center" @click="onNothing">
						<image class="menuItemImg menuItemImg2" src="http://www.bobei.shop/static/third/renWuZhongXin.png">
						</image>
						<view class="menuItemText">任务中心</view>
					</view>

					<view class="menuItem flex-center" @click="onNothing">
						<image class="menuItemImg menuItemImg2" src="http://www.bobei.shop/static/third/shangJiaRuZhu.png">
						</image>
						<view class="menuItemText">商家入驻</view>
					</view>

					<!-- <view class="menuItem flex-center" v-for="item in categorieOne" :key="item.id"
						@click="onCategorieOne(item)">
						<image class="menuItemImg menuItemImg2" :src="item.thumb">
						</image>
						<view class="menuItemText">{{ item.name }}</view>
					</view> -->

					<navigator url="/property/exchange" class="menuItem flex-center">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/cangDanDuiHuan.png">
						</image>
						<view class="menuItemText">仓单兑换</view>
					</navigator>
					<navigator url="/home/exchange" class="menuItem flex-center">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/jiaoYiSuo.png">
						</image>
						<view class="menuItemText">交易所</view>
					</navigator>
					<navigator url="/property/owrConversion" class="menuItem flex-center">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/cangDanZhuanHuan.png">
						</image>
						<view class="menuItemText">仓单转换</view>
					</navigator>
					<view class="menuItem flex-center" @click="goPage('/serviceCenter/invite?userid=' + info.id)">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/yaoQingHaoYou.png">
						</image>
						<view class="menuItemText">邀请好友</view>
					</view>
					<navigator url="/balance/yiFuBalanceCopy" class="menuItem flex-center">
						<image class="menuItemImg" src="http://www.bobei.shop/static/third/yiFuDou.png">
						</image>
						<view class="menuItemText">易付豆</view>
					</navigator>


				</view>
			</view>

			<view class="noticeBox">
				<view class="notice flex-between">
					<image class="noticeImg" src="http://www.bobei.shop/static/third/hotIcon.png" mode=""></image>
					<view class="noticeCon">
						<swiper class="noticeSwiper" :vertical='true' circular :indicator-dots="false" :autoplay="true"
							:interval="3000" :duration="500">
							<swiper-item v-for="(item, index) in home.noticeList" :key="index">
								<view class="noticeSwiperItem">{{ item.title }}</view>
							</swiper-item>

						</swiper>
					</view>
					<image class="moreImg" @click="goPage('/home/notice')"
						src="http://www.bobei.shop/static/third/rightArrow.png">
					</image>
				</view>
			</view>



			<view class="module flex-between">
				<view class="moduleL">
					<view class="moduleLTitle flex-row" @click="goPage('/home/goodsList?type=isnew&navTitle=每日上新')">
						<view class="moduleLTitleL">
							每日上新
						</view>
						<view class="moduleLTitleR flex-center">
							查看详情
						</view>
					</view>
					<view class="moduleLList flex-between">
						<view class="moduleLListItem flex" v-for="item in isNewList" :key="item.id" @click="goGoodsDetails(item)">
							<image class="moduleLListItemImg" :src="item.thumbUrl" mode="widthFix"></image>
							<view class="moduleLListItemBom flex">
								<view class="moduleLListItemTitle twoHidden">
									{{ item.title }}
								</view>
								<view class="moduleLListItemPrice">
									¥{{ item.marketprice }}
								</view>
							</view>

						</view>
					</view>
				</view>
				<view class="moduleR flex">
					<view class="moduleRItem moduleRItemBg flex">
						<view class="moduleRItemR flex-row" @click="goPage('/home/goodsList?type=isdiscount&navTitle=特卖')">
							<view class="moduleRItemRTitle">
								特卖
							</view>
							<view class="moduleRItemRD flex-center">
								查看详情
							</view>
							<image class="moduleRItemRImg" src="http://www.bobei.shop/static/third/jian.png" mode="">
							</image>
						</view>
						<image class="moduleRItemImg" :src="item.thumbUrl" mode="widthFix" v-for="item in isDiscountList"
							:key="item.id" @click="goGoodsDetails(item)"></image>
					</view>

					<view class="moduleRItem moduleRItemBg2 flex">
						<view class="moduleRItemR flex-row" @click="goPage('/home/seckill')">
							<view class="moduleRItemRTitle">
								秒杀
							</view>
							<view class="moduleRItemRD flex-center">
								查看详情
							</view>
							<image class="moduleRItemRImg" src="http://www.bobei.shop/static/third/jian.png" mode="">
							</image>
						</view>
						<image class="moduleRItemImg" :src="item.goods?item.goods.thumbUrl:''" mode="widthFix"
							v-for="item in spikeList" :key="item.id" @click="goSeckill(item, 'seckill')"></image>
					</view>
				</view>
			</view>

			<view class="rankBox">
				<image class="rankBg" src="http://www.bobei.shop/static/third/rankBg.png" mode="">
					<view class="rank">
						<view class="rankTitle flex-between">
							<view class="rankTitleL flex-row">
								<view class="rankTitleLL">
									排行榜Top
								</view>
								<view class="rankTitleRR">
									好多买家都在找
								</view>
							</view>
							<button class="rankMore" :plain="true" @click="goPage('/home/ranking?navTitle=排行榜Top')">更多</button>
						</view>
						<view class="rankList flex">
							<view class="rankListItem" v-for="item in rankingList" :key="item.id" @click="goGoodsDetails(item)">
								<image class="rankListItemImg" :src="item.thumbUrl" mode="scaleToFill">
								</image>
								<view class="ocn flex">
									<view class="rankListItemTitle twoHidden">
										{{ item.title }}
									</view>

									<scroll-view class="signScroll" :scroll-x="true" v-if="item.labelname && item.labelname.length">
										<view class="sign flex">
											<view class="signItem" v-for="(item2,index2) in item.labelname" :key="index2">
												{{ item2.label }}
											</view>
										</view>
									</scroll-view>
									<view class="rankListItemPrice">
										¥{{ item.marketprice }}
									</view>
								</view>

							</view>
						</view>
					</view>
			</view>

			<view class="recommend flex-between">
				<view class="recommendL flex-row">
					<image class="recommendIcon" src="http://www.bobei.shop/static/third/recommendIcon.png" mode="">
					</image>
					<view class="recommendLR">
						<view class="recommendLRT">
							爆款推荐
						</view>
						<view class="recommendLRB">
							精选商品·秒到就是赚到
						</view>
					</view>
				</view>
				<button class="recommendMore" :plain="true" @click="goPage('/home/goodsList?navTitle=爆款推荐')">更多</button>
			</view>

			<!-- 商品列表 -->
			<view class="waterfallBox">
				<view class="waterfall flex">
					<view class="wt-list wt-left flex">
						<view class="wt-item flex" v-for="item in LeftList" :key="item.id" @click="goGoodsDetails(item)">
							<image class="thumb" mode="widthFix" :src="item.thumbUrl"></image>
							<!-- 特卖标签 -->
							<view class="specialSale flex-center" v-if="item.isdiscount == 1">
								<image class="specialSaleImg" src="http://www.bobei.shop/static/third/teMaiIcon.png" mode=""></image>
							</view>

							<!-- 秒杀倒计时 -->
							<view class="countdownBox flex-center" v-if="item.isSpike == 1 && item.isdiscount != 1">
								<view class="countdownTitle">
									秒杀:
								</view>
								<uni-countdown :showDay="false" :hour="item.time_h" :minute="item.time_m" :second="item.time_s"
									color="#ffffff" splitorColor="#ffffff">
								</uni-countdown>
							</view>
							<!-- 商品信息 -->
							<view
								:class="[item.genre == 0 ? 'wt-item-info wt-item-info-bg-yellow' : 'wt-item-info wt-item-info-bg-white']">
								<!-- 标签 -->
								<!-- <scroll-view class="info-sign-scroll" :scroll-x="true"
									v-if="item.labelname && item.labelname.length && item.isSpike == 1">
									<view class="info-sign flex">
										<view class="info-sign-item flex-center"
											v-for="(item2,index2) in item.labelname" :key="index2">
											<view class="info-sign-item-title">
												{{ item2.label }}
											</view>
											<view class="info-sign-item-line"></view>
										</view>
									</view>
								</scroll-view> -->
								<!-- VIP标志 -->
								<view class="vipBox flex-center" v-if="item.genre == 0">
									<view class="vipTitle">
										推荐
									</view>
									<view class="vipLine"></view>
								</view>
								<view class="goodsBox">
									<view class="title threeHidden">
										{{ item.title }}
									</view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.genre == 0">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem flex-row" v-for="(item2,index2) in item.labelname" :key="index2">
												<view class="goodsSignItemTitle">
													{{ item2.label }}
												</view>
												<view class="goodsSignItemLine"></view>
											</view>
										</view>
									</scroll-view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.hot == 1">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem2" v-for="(item2,index2) in item.labelname" :key="index2">
												{{ item2.label }}
											</view>
										</view>
									</scroll-view>
									<!-- 价格 -->
									<view class="goodsPriceBox flex-between">
										<view class="goodsPrice">
											<view class="market">
												¥{{ item.marketprice }}
											</view>
											<view class="del">
												<view class="deltext">
													¥{{ item.productprice }}
												</view>
												<view class="delLine"></view>
											</view>
										</view>
										<image class="goodsCart" src="http://www.bobei.shop/static/third/goodsCart.png">
										</image>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="wt-list wt-right flex">
						<view class="wt-item flex" v-for="item in RightList" :key="item.id" @click="goGoodsDetails(item)">
							<image class="thumb" mode="widthFix" :src="item.thumbUrl"></image>

							<view class="specialSale flex-center" v-if="item.isdiscount == 1">
								<image class="specialSaleImg" src="http://www.bobei.shop/static/third/teMaiIcon.png" mode=""></image>
							</view>

							<view class="countdownBox flex-center" v-if="item.isSpike == 1 && item.isdiscount != 1">
								<view class="countdownTitle">
									秒杀:
								</view>
								<uni-countdown :showDay="false" :hour="item.time_h" :minute="item.time_m" :second="item.time_s"
									color="#ffffff" splitorColor="#ffffff">
								</uni-countdown>
							</view>
							<view
								:class="[item.genre == 0 ? 'wt-item-info wt-item-info-bg-yellow' : 'wt-item-info wt-item-info-bg-white']">
								<!-- 标签 -->
								<!-- <scroll-view class="info-sign-scroll" :scroll-x="true"
									v-if="item.labelname && item.labelname.length && item.isSpike == 1">
									<view class="info-sign flex">
										<view class="info-sign-item flex-center"
											v-for="(item2,index2) in item.labelname" :key="index2">
											<view class="info-sign-item-title">
												{{ item2.label }}
											</view>
											<view class="info-sign-item-line"></view>
										</view>
									</view>
								</scroll-view> -->
								<!-- VIP标志 -->
								<view class="vipBox flex-center" v-if="item.genre == 0">
									<view class="vipTitle">
										推荐
									</view>
									<view class="vipLine"></view>
								</view>
								<view class="goodsBox">
									<view class="title threeHidden">
										{{ item.title }}
									</view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.genre == 0">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem flex-row" v-for="(item2,index2) in item.labelname" :key="index2">
												<view class="goodsSignItemTitle">
													{{ item2.label }}
												</view>
												<view class="goodsSignItemLine"></view>
											</view>
										</view>
									</scroll-view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.hot == 1">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem2" v-for="(item2,index2) in item.labelname" :key="index2">
												{{ item2.label }}
											</view>
										</view>
									</scroll-view>
									<!-- 价格 -->
									<view class="goodsPriceBox flex-between">
										<view class="goodsPrice">
											<view class="market">
												¥{{ item.marketprice }}
											</view>
											<view class="del">
												<view class="deltext">
													¥{{ item.productprice }}
												</view>
												<view class="delLine"></view>
											</view>
										</view>
										<image class="goodsCart" src="http://www.bobei.shop/static/third/goodsCart.png">
										</image>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<uni-load-more :status="listStatus"></uni-load-more>

			<view class="icp">
				<view class="icpItem flex-center" v-for="(item, index) in icp" :key="index">
					{{ item }}
				</view>
			</view>
		</view>

		<!-- 非首页tab内容 -->
		<view class="content" v-if="topTabsId != '0'">
			<view class="swiperBox2">
				<swiper class="swiper2" circular :autoplay="true" :interval="3000" :indicator-dots="true">
					<swiper-item v-for="(item, index) in home.slideList" :key="index" @click="onSwiperItem(item)">
						<image class="swiper2Img" :src="item.src">
						</image>
					</swiper-item>
				</swiper>
			</view>

			<view class="topTabs2 flex-between">
				<scroll-view :scroll-x="true" style="width: 640rpx;">
					<view class="topTabsLeft2 flex-row">
						<view class="topTab2 flex-center" v-for="item in topTabs2" :key="item.id" @click="onTopTab2(item)">
							<view class="topTabText3">
								{{ item.title }}
							</view>
							<image class="tabLine2" src="http://www.bobei.shop/static/third/tabLine.png" mode="" v-if="item.status">
							</image>
						</view>
					</view>
				</scroll-view>
			</view>



			<!-- 商品列表 -->
			<view class="waterfallBox">
				<view class="waterfall flex">
					<view class="wt-list wt-left flex">
						<view class="wt-item flex" v-for="item in LeftList2" :key="item.id" @click="goGoodsDetails(item)">
							<image class="thumb" mode="widthFix" :src="item.thumbUrl"></image>
							<!-- 特卖标签 -->
							<view class="specialSale flex-center" v-if="item.isdiscount == 1">
								<image class="specialSaleImg" src="http://www.bobei.shop/static/third/teMaiIcon.png" mode=""></image>
							</view>

							<!-- 秒杀倒计时 -->
							<view class="countdownBox flex-center" v-if="item.isSpike == 1 && item.isdiscount != 1">
								<view class="countdownTitle">
									秒杀:
								</view>
								<uni-countdown :showDay="false" :hour="item.time_h" :minute="item.time_m" :second="item.time_s"
									color="#ffffff" splitorColor="#ffffff">
								</uni-countdown>
							</view>
							<!-- 商品信息 -->
							<view
								:class="[item.genre == 0 ? 'wt-item-info wt-item-info-bg-yellow' : 'wt-item-info wt-item-info-bg-white']">
								<!-- 标签 -->
								<!-- <scroll-view class="info-sign-scroll" :scroll-x="true"
									v-if="item.labelname && item.labelname.length && item.isSpike == 1">
									<view class="info-sign flex">
										<view class="info-sign-item flex-center"
											v-for="(item2,index2) in item.labelname" :key="index2">
											<view class="info-sign-item-title">
												{{ item2.label }}
											</view>
											<view class="info-sign-item-line"></view>
										</view>
									</view>
								</scroll-view> -->
								<!-- VIP标志 -->
								<view class="vipBox flex-center" v-if="item.genre == 0">
									<view class="vipTitle">
										推荐
									</view>
									<view class="vipLine"></view>
								</view>
								<view class="goodsBox">
									<view class="title threeHidden">
										{{ item.title }}
									</view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.genre == 0">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem flex-row" v-for="(item2,index2) in item.labelname" :key="index2">
												<view class="goodsSignItemTitle">
													{{ item2.label }}
												</view>
												<view class="goodsSignItemLine"></view>
											</view>
										</view>
									</scroll-view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.hot == 1">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem2" v-for="(item2,index2) in item.labelname" :key="index2">
												{{ item2.label }}
											</view>
										</view>
									</scroll-view>
									<!-- 价格 -->
									<view class="goodsPriceBox flex-between">
										<view class="goodsPrice">
											<view class="market">
												¥{{ item.marketprice }}
											</view>
											<view class="del">
												<view class="deltext">
													¥{{ item.productprice }}
												</view>
												<view class="delLine"></view>
											</view>
										</view>
										<image class="goodsCart" src="http://www.bobei.shop/static/third/goodsCart.png">
										</image>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="wt-list wt-right flex">
						<view class="wt-item flex" v-for="item in RightList2" :key="item.id" @click="goGoodsDetails(item)">
							<image class="thumb" mode="widthFix" :src="item.thumbUrl"></image>
							<view class="specialSale flex-center" v-if="item.isdiscount == 1">
								<image class="specialSaleImg" src="http://www.bobei.shop/static/third/teMaiIcon.png" mode=""></image>
							</view>

							<view class="countdownBox flex-center" v-if="item.isSpike == 1 && item.isdiscount != 1">
								<view class="countdownTitle">
									秒杀:
								</view>
								<uni-countdown :showDay="false" :hour="item.time_h" :minute="item.time_m" :second="item.time_s"
									color="#ffffff" splitorColor="#ffffff">
								</uni-countdown>
							</view>


							<view
								:class="[item.genre == 0 ? 'wt-item-info wt-item-info-bg-yellow' : 'wt-item-info wt-item-info-bg-white']">
								<!-- 标签 -->
								<!-- <scroll-view class="info-sign-scroll" :scroll-x="true"
									v-if="item.labelname && item.labelname.length && item.isSpike == 1">
									<view class="info-sign flex">
										<view class="info-sign-item flex-center"
											v-for="(item2,index2) in item.labelname" :key="index2">
											<view class="info-sign-item-title">
												{{ item2.label }}
											</view>
											<view class="info-sign-item-line"></view>
										</view>
									</view>
								</scroll-view> -->
								<!-- VIP标志 -->
								<view class="vipBox flex-center" v-if="item.genre == 0">
									<view class="vipTitle">
										推荐
									</view>
									<view class="vipLine"></view>
								</view>
								<view class="goodsBox">
									<view class="title threeHidden">
										{{ item.title }}
									</view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.genre == 0">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem flex-row" v-for="(item2,index2) in item.labelname" :key="index2">
												<view class="goodsSignItemTitle">
													{{ item2.label }}
												</view>
												<view class="goodsSignItemLine"></view>
											</view>
										</view>
									</scroll-view>
									<!-- 商品标签 -->
									<scroll-view class="goodsSignScroll" :scroll-x="true"
										v-if="item.labelname && item.labelname.length && item.hot == 1">
										<view class="goodsSign flex-row">
											<view class="goodsSignItem2" v-for="(item2,index2) in item.labelname" :key="index2">
												{{ item2.label }}
											</view>
										</view>
									</scroll-view>
									<!-- 价格 -->
									<view class="goodsPriceBox flex-between">
										<view class="goodsPrice">
											<view class="market">
												¥{{ item.marketprice }}
											</view>
											<view class="del">
												<view class="deltext">
													¥{{ item.productprice }}
												</view>
												<view class="delLine"></view>
											</view>
										</view>
										<image class="goodsCart" src="http://www.bobei.shop/static/third/goodsCart.png">
										</image>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<uni-load-more :status="listStatus2"></uni-load-more>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				statusBarHeight: "",

				home: {},
				info: {},

				topTabsId: "0",
				topTabs: [{
					id: "0",
					title: "首页",
					status: true,
				}, ],

				categorieOne: [], // 菜单
				isNewList: [], // 每日上新
				isDiscountList: [], // 特卖
				spikeList: [], // 秒杀
				rankingList: [], // 排行榜




				mycurrent: 0, // 轮播活动下标


				form: {
					page: 1,
					lastId: 0,
				},
				loading: false,
				finished: false,
				goodList: [],
				LeftList: [],
				RightList: [],

				icp: "",

				classify: [], // 分类
				classifyList: [], // 分类下的商品列表
				form2: {
					page: 1,
					lastId: 0,
				},
				loading2: false,
				finished2: false,
				LeftList2: [],
				RightList2: [],

				topTabsId2: "0",
				topTabs2: [{
						id: "0",
						title: "综合",
						status: true,
					},
					{
						id: "1",
						title: "销量",
						status: false,
					},
					{
						id: "2",
						title: "价格",
						status: false,
					},
				],
				topTabs2Sort: "",

			}
		},
		onLoad() {
			// #ifdef APP-PLUS
			// false为取消全屏 
			plus.navigator.setFullscreen(false);
			// #endif
			// console.log(this.$mySysInfo(), "系统信息");
			this.statusBarHeight = this.$mySysInfo().top;
		},
		onShow() {
			this.getHome();
			this.getSpikeList();
			this.getRankingList();
			if (uni.getStorageSync('token')) {
				this.getInfo();
			}

			this.form.page = 1;
			this.form.lastId = 0;
			this.loading = false;
			this.finished = false;
			this.goodList = [];
			this.getHotGoodsList();


		},
		onReachBottom() {
			this.getHotGoodsList();
			this.getClassifyList();
		},
		computed: {
			listStatus() {
				if (this.finished) return "noMore";
				if (this.loading) return "loading";
				return "more";
			},
			listStatus2() {
				if (this.finished2) return "noMore";
				if (this.loading2) return "loading";
				return "more";
			}
		},

		methods: {
			onSwiperItem(param) {
				if (param.goodsId > 0) {
					uni.navigateTo({
						url: "/home/goodsDetails?id=" + param.goodsId
					})
				}
			},
			onNothing() {
				uni.showToast({
					icon: 'none',
					title: '暂未开放',
					duration: 1500
				})
			},
			getInfo() {
				this.$post({
					module: "User",
					interface: "1000",
				}).then(res => {
					// console.log("user", res)
					this.info = res;
				})
			},
			getHotGoodsList() {
				if (this.topTabsId != "0") return;
				if (this.loading || this.finished) return;
				this.loading = true;
				this.$post({
					url: '/portal/Shop',
					module: 'Goods',
					interface: 9000,
					data: this.form,
				}).then(res => {
					// console.log("首页", res)
					this.goodList = [...this.goodList, ...res.list];
					this.goodList.forEach((item) => {
						if (item.isSpike == 1) {
							let time = this.getHMS(item.isSpikeInfo.overTime);
							item.time_h = Number(time.h);
							item.time_m = Number(time.m);
							item.time_s = Number(time.s);
						}

					})
					this.LeftList = [];
					this.RightList = [];

					// 将商品信息列表分为左侧右侧两个部分
					for (let i = 0; i < this.goodList.length; i++) {
						if (i % 2 === 0) {
							this.LeftList.push(this.goodList[i]);
						} else {
							this.RightList.push(this.goodList[i]);
						}
					}
					// console.log("this.LeftList:", this.LeftList, "this.RightList:", this.RightList)
					this.form.page = res.currentPage + 1;
					this.form.lastId = res.lastId;
					if (this.form.page > res.lastPage) {
						this.finished = true;
					}
					this.loading = false;

				}).catch(() => {
					this.loading = false;
				})
			},
			// 获取排行榜Top数据
			getRankingList() {
				this.$post({
					url: '/portal/Shop',
					module: 'Goods',
					interface: 2000,
					data: {
						lastId: 0,
						page: 1,
						sort: "salesDesc",
						type: "",
						cateId: "",
						shopId: "",
						genre: "",
						parentId: "",
						keyword: "",
					}
				}).then(res => {
					// console.log("获取排行榜Top数据", res)
					this.rankingList = res.list.slice(0, 4);
				})
			},
			getSpikeList() {
				this.$post({
					url: '/portal/Spike',
					module: 'Spike',
					interface: 4001,
				}).then(res => {
					this.spikeList = res.goodsList.slice(0, 1);
				})
			},
			getHome() {
				this.$post({
					module: 'Content',
					interface: 6000
				}).then(res => {
					this.home = res;
					res.categorieTwo.forEach((item, index) => {
						item.title = item.name;
						item.status = false;
						this.topTabs[index + 1] = item;
					})
					var i = uni.getStorageSync("topTabsId");
					if (i) {
						this.topTabs.forEach((item) => {
							item.status = false;
							if (item.id == i) {
								item.status = true;
								this.topTabsId = item.id;
								uni.setStorageSync('topTabsId', this.topTabsId);
							}
						})
					} else {
						this.topTabs.forEach((item, index) => {
							item.status = false;
							if (index == 0) {
								item.status = true;
								this.topTabsId = item.id;
								uni.setStorageSync('topTabsId', this.topTabsId);
							}
						})
					}

					this.categorieOne = res.categorieOne;
					this.isNewList = res.isNewList.slice(0, 2);
					this.isDiscountList = res.isDiscountList.slice(0, 1);
					var i = res.icp.trim().split("\n");
					this.icp = i;
					this.getClassifys();
				})

			},
			getClassifys() {
				this.$post({
					url: "/portal/Shop",
					module: "Goods",
					interface: "5000",
				}).then(res => {
					// // console.log("分类", res)
					this.classify = res.list;
					if (this.topTabsId != "0") {
						this.form2.page = 1;
						this.form2.lastId = 0;
						this.loading2 = false;
						this.finished2 = false;
						this.classifyList = [];
						this.getClassifyList();
					}

				})
			},
			onTopTab(param) {
				this.topTabs.forEach((item) => {
					item.status = false;
					if (item.id == param.id) {
						item.status = true;
						this.topTabsId = item.id;
						// // console.log("this.topTabsId:", this.topTabsId);
						uni.setStorageSync('topTabsId', this.topTabsId);
					}
				})
				if (this.topTabsId != "0") {
					this.form2.page = 1;
					this.form2.lastId = 0;
					this.loading2 = false;
					this.finished2 = false;
					this.classifyList = [];
					this.getClassifyList();
				} else {
					this.classifyList = [];
				}
			},
			getClassifyList() {
				if (this.topTabsId == "0") return;
				if (this.loading2 || this.finished2) return;
				this.loading2 = true;
				if (this.topTabsId2 == "0") {

					this.topTabs2Sort = "";

				} else if (this.topTabsId2 == "1") {
					if (this.topTabs2Sort == "salesDesc") {
						this.topTabs2Sort = "salesAsc";
					} else if (this.topTabs2Sort == "salesAsc") {
						this.topTabs2Sort = "salesDesc";
					} else {
						this.topTabs2Sort = "salesDesc";
					}
				} else if (this.topTabsId2 == "2") {
					if (this.topTabs2Sort == "priceDesc") {
						this.topTabs2Sort = "priceAsc";
					} else if (this.topTabs2Sort == "priceAsc") {
						this.topTabs2Sort = "priceDesc";
					} else {
						this.topTabs2Sort = "priceDesc";
					}
				}
				this.$post({
					url: '/portal/Shop',
					module: 'Goods',
					interface: 2000,
					data: {
						sort: this.topTabs2Sort,
						type: "",
						cateId: this.topTabsId,
						shopId: "",
						genre: "",
						parentId: "",
						keyword: "",
						...this.form2,
					},
				}).then(res => {
					this.classifyList = [...this.classifyList, ...res.list];
					this.classifyList.forEach((item) => {
						if (item.isSpike == 1) {
							let time = this.getHMS(item.isSpikeInfo.overTime);
							item.time_h = Number(time.h);
							item.time_m = Number(time.m);
							item.time_s = Number(time.s);
						}

					})
					this.LeftList2 = [];
					this.RightList2 = [];

					// 将商品信息列表分为左侧右侧两个部分
					for (let i = 0; i < this.classifyList.length; i++) {
						if (i % 2 === 0) {
							this.LeftList2.push(this.classifyList[i]);
						} else {
							this.RightList2.push(this.classifyList[i]);
						}
					}
					// console.log("this.LeftList2:", this.LeftList2, "this.RightList2:", this.RightList2)
					this.form2.page = res.currentPage + 1;
					this.form2.lastId = res.lastId;
					if (this.form2.page > res.lastPage) {
						this.finished2 = true;
					}
					this.loading2 = false;

				}).catch(() => {
					this.loading2 = false;
				})
			},
			// 轮播图改变事件
			handlechange(e) {
				this.mycurrent = e.detail.current
			},
			// 毫秒级时间戳转换时分秒
			getHMS(timestamp) {
				let date = timestamp * 1000;
				let now = new Date().getTime();
				let times = date - now;
				let seconds = Math.floor(times / 1000);
				let minutes = Math.floor(seconds / 60);
				let hours = Math.floor(minutes / 60);
				minutes %= 60;
				seconds %= 60;
				let h = hours;
				let m = minutes.toString().padStart(2, '0');
				let s = seconds.toString().padStart(2, '0');
				return {
					h,
					m,
					s
				}
			},

			onTopTab2(param) {
				this.topTabs2.forEach((item) => {
					item.status = false;
					if (item.id == param.id) {
						item.status = true;
						this.topTabsId2 = item.id;
						// console.log("this.topTabsId2:", this.topTabsId2);
						uni.setStorageSync('topTabsId2', this.topTabsId2);

						this.form2.page = 1;
						this.form2.lastId = 0;
						this.loading2 = false;
						this.finished2 = false;
						this.classifyList = [];
						this.getClassifyList();
					}
				})
			},

			goPage(url) {
				uni.navigateTo({
					url: url
				})
			},
			goGoodsDetails(param) {
				if (param.isSpike == 1 && param.ishot != 1) {
					this.goGoodsDetails2(param, "seckill");
				} else {
					uni.navigateTo({
						url: "/home/goodsDetails?id=" + param.id,
					})
				}

			},
			goGoodsDetails2(param, seckill) {
				uni.navigateTo({
					url: `/home/spikeDetails?id=${param.isSpikeInfo.id}&seckill=${seckill}`
				})
			},
			goSeckill(param, seckill) {
				uni.navigateTo({
					url: `/home/spikeDetails?id=${param.id}&seckill=${seckill}`
				})
			},
			goClassify() {
				uni.switchTab({
					url: "/pages/classify/index"
				})
			},
			onCategorieOne(param) {
				uni.navigateTo({
					url: `/home/goodsList?cateId=${param.id}&&navTitle=${param.name}`
				})
			},


		}
	}
</script>

<style scoped lang="scss">
	.pageBox {
		width: 100%;
		min-height: calc(100vh - var(--window-bottom));
		background-color: #ffffff;
		line-height: 1.2;

		.topBox {
			padding: 0 30rpx 24rpx;
			width: 100%;
			background-color: #ffffff;

			.top {
				padding-top: 40rpx;

				.search {
					padding: 0 24rpx;
					width: 620rpx;
					height: 56rpx;
					background: #F4F4F4;
					border-radius: 96rpx;

					.searchIcon {
						width: 32rpx;
						height: 32rpx;
					}

					.searchText {
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						margin-left: 26rpx;
					}
				}

				.message {
					position: relative;

					.noticeIcon {
						width: 48rpx;
						height: 48rpx;
					}

					.messageNum {
						width: 16rpx;
						height: 16rpx;
						background-color: #FF0000;
						font-size: 12rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #FFFFFF;
						border-radius: 50%;
						position: absolute;
						top: 0;
						right: 0;
					}
				}
			}

			.topTabs {
				width: 100%;
				height: 55rpx;
				margin-top: 40rpx;

				.topTabsLeft {
					width: 640rpx;
					height: 55rpx;
					overflow-x: auto;

					.topTab {
						flex-direction: column;
						margin-right: 48rpx;

						.topTabText {
							font-size: 28rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #000000;
							white-space: nowrap;
						}

						.topTabText2 {
							font-size: 36rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: bold;
							color: #000000;
							white-space: nowrap;
						}

						.tabLine {
							width: 72rpx;
							height: 16rpx;
						}
					}
				}

				.topTabsRight {
					.topTabsRightImg {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}

		}

		.content {
			.swiperBox {
				width: 100%;
				height: 232rpx;

				.swiper-item {
					border-radius: 30rpx;
					overflow: hidden;
					// 像这种多张轮播图同时出现在一屏的情况下就不要指定width了，不然previous-margin和 next-margin会出现想不到的效果
					// 如果想要设置宽每一张轮播图的宽度，只需要设置previous-margin和next-margin就可以了，想要设置高度直接改下面的height就可以了
					// width: 450rpx;
					height: 100%;
					transform: scale(0.95);
					transition: all 0.5s ease;
					text-align: center;
					transition: all 0.5s ease-in-out;

					&.active {
						transform: scale(1);
					}
				}
			}

			.welcome {
				margin-top: 26rpx;
				padding: 0 34rpx;

				.welcomeItem {
					.welcomeItemImg {
						width: 36rpx;
						height: 36rpx;
					}

					.welcomeItemText {
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						margin-left: 6rpx;
					}
				}
			}

			.menuBox {
				padding: 0 25rpx;
				margin-top: 28rpx;

				.menu {
					flex-wrap: wrap;
					background-color: #ffffff;
					border-radius: 16rpx;

					.menuItem {
						width: 20%;
						flex-direction: column;
						margin-top: 32rpx;

						.menuItemImg {
							width: 88rpx;
							height: 88rpx;
						}

						.menuItemImg2 {
							border-radius: 50%;
						}

						.menuItemText {
							font-size: 28rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #000000;
							width: 100%;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							text-align: center;
							margin-top: 32rpx;
						}
					}
				}
			}

			.noticeBox {
				width: 690rpx;
				height: 70rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(212, 212, 212, 0.25);
				border-radius: 24rpx 24rpx 24rpx 24rpx;
				padding: 0 20rpx;
				margin: 28rpx auto 0;
				background-color: #ffffff;

				.notice {
					height: 70rpx;


					.noticeImg {
						width: 40rpx;
						height: 40rpx;
					}

					.noticeCon {
						width: 520rpx;
						height: 70rpx;

						padding-left: 18rpx;

						.noticeSwiper {
							width: 100%;
							height: 70rpx;

							.noticeSwiperItem {
								width: 100%;
								height: 70rpx;
								overflow: hidden;
								white-space: nowrap;
								text-overflow: ellipsis;
								font-size: 28rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #303030;
								line-height: 70rpx;

							}
						}
					}

					.moreImg {
						width: 40rpx;
						height: 40rpx;
					}
				}
			}

			.module {
				width: 100%;
				padding: 0 30rpx 0 28rpx;
				margin-top: 24rpx;

				.moduleL {
					width: 332rpx;
					height: 332rpx;
					background: linear-gradient(180deg, #F7EAFF 0%, #FFFFFF 26%);
					box-shadow: 0px 4rpx 8rpx 0px rgba(212, 212, 212, 0.25);
					border-radius: 24rpx;

					.moduleLTitle {
						width: 100%;
						padding: 16rpx 0 0 16rpx;

						.moduleLTitleL {
							font-size: 32rpx;
							font-family: PingFang SC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;

						}

						.moduleLTitleR {
							font-size: 24rpx;
							font-family: PingFang HK-Light, PingFang HK;
							font-weight: 300;
							color: #FFFFFF;
							width: 116rpx;
							height: 34rpx;
							background: linear-gradient(90deg, #FF6B3D 0%, #FF9561 100%);
							border-radius: 4rpx 4rpx 4rpx 4rpx;
							margin-left: 24rpx;
						}
					}

					.moduleLList {
						padding: 0 22rpx;
						margin-top: 16rpx;

						.moduleLListItem {
							width: 132rpx;
							flex-direction: column;

							.moduleLListItemImg {
								width: 132rpx;
								height: 132rpx;
								border-radius: 16rpx 16rpx 16rpx 16rpx;
							}

							.moduleLListItemBom {
								width: 100%;
								height: 110rpx;
								flex-direction: column;
								justify-content: space-between;
								padding-top: 8rpx;

								.moduleLListItemTitle {
									font-size: 24rpx;
									font-family: PingFang SC-Medium, PingFang SC;
									font-weight: 500;
									color: #666666;
								}

								.moduleLListItemPrice {
									font-size: 24rpx;
									font-family: PingFang SC-Medium, PingFang SC;
									font-weight: 500;
									color: #F85E4F;
								}
							}


						}
					}
				}

				.moduleR {
					width: 328rpx;
					height: 332rpx;
					flex-direction: column;
					justify-content: space-between;

					.moduleRItem {
						padding-top: 16rpx;
						padding-left: 12rpx;
						width: 328rpx;
						height: 160rpx;
						box-shadow: 0px 4rpx 8rpx 0px rgba(212, 212, 212, 0.25);
						border-radius: 24rpx 24rpx 24rpx 24rpx;

						.moduleRItemR {
							flex-direction: column;

							.moduleRItemRTitle {
								font-size: 32rpx;
								font-family: PingFang SC-Medium, PingFang SC;
								font-weight: 500;
								color: #333333;
							}

							.moduleRItemRD {
								font-size: 24rpx;
								font-family: PingFang HK-Light, PingFang HK;
								font-weight: 300;
								color: #FFFFFF;
								width: 116rpx;
								height: 40rpx;
								background: linear-gradient(90deg, #FF6B3D 0%, #FF9561 100%);
								border-radius: 4rpx 4rpx 4rpx 4rpx;
								margin-top: 18rpx;
							}

							.moduleRItemRImg {
								width: 40rpx;
								height: 12rpx;
								margin-top: 8rpx;
							}
						}

						.moduleRItemImg {
							width: 120rpx;
							height: 120rpx;
							border-radius: 16rpx 16rpx 16rpx 16rpx;
							margin-left: 36rpx;
						}
					}

					.moduleRItemBg {
						background: linear-gradient(90deg, #FFF5E5 0%, #FFFFFF 43%);
					}

					.moduleRItemBg2 {
						background: linear-gradient(89deg, #FFE7E4 0%, #FFFFFF 44%);
					}
				}
			}

			.rankBox {
				width: 692rpx;
				height: 405rpx;
				border-radius: 18rpx 18rpx 18rpx 18rpx;
				margin: 24rpx auto 0;
				position: relative;

				.rankBg {
					width: 100%;
					height: 405rpx;
					border-radius: 18rpx 18rpx 18rpx 18rpx;
				}

				.rank {
					width: 692rpx;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					border-radius: 18rpx 18rpx 18rpx 18rpx;

					.rankTitle {
						padding: 18rpx 24rpx 0 22rpx;

						.rankTitleL {
							.rankTitleLL {
								font-size: 33rpx;
								font-family: PingFang SC-Medium, PingFang SC;
								font-weight: 500;
								color: #FFFFFF;
							}

							.rankTitleRR {
								font-size: 25rpx;
								font-family: PingFang SC-Regular, PingFang SC;
								font-weight: 400;
								color: #FFFFFF;
								margin-left: 38rpx;
							}
						}

						.rankMore {
							font-size: 24rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
							margin: 0;
							padding: 0;
							border: none;
						}
					}

					.rankList {
						padding: 4rpx 22rpx 0;

						.rankListItem {
							width: 144rpx;
							height: 298rpx;
							border-radius: 16rpx;
							margin-right: 24rpx;
							background-color: #ffffff;


							.rankListItemImg {
								width: 144rpx;
								height: 172rpx;
								border-radius: 16rpx 16rpx 0rpx 0rpx;
							}

							.ocn {
								height: 126rpx;
								flex-direction: column;
								justify-content: space-between;
								padding-bottom: 10rpx;

								.rankListItemTitle {
									width: 100%;
									font-size: 20rpx;
									font-family: PingFang SC-Regular, PingFang SC;
									font-weight: 400;
									color: #999999;
									padding: 0 0 0 2rpx;
									margin-top: 4rpx;
								}

								.signScroll {
									width: 140rpx;
								}

								.sign {
									width: 140rpx;
									padding-left: 4rpx;
									overflow-x: auto;


									.signItem {
										font-size: 12rpx;
										font-family: PingFang SC-Regular, PingFang SC;
										font-weight: normal;
										color: #DA93A5;
										background: #FCEEF3;
										border-radius: 5rpx 5rpx 5rpx 5rpx;
										border: 1rpx solid #F2615F;
										margin-right: 10rpx;
										white-space: nowrap;
									}

									.signItem:nth-last-of-type(1) {
										margin-right: 0;
									}
								}

								.rankListItemPrice {
									font-size: 20rpx;
									font-family: PingFang SC-Medium, PingFang SC;
									font-weight: 500;
									color: #F85E4F;
									margin-top: 8rpx;
									padding-left: 6rpx;
								}
							}

							.rankListItem:nth-last-of-type(1) {
								margin-right: 0;
							}
						}


					}
				}
			}

			.recommend {
				padding: 0 28rpx 0 30rpx;
				margin-top: 32rpx;

				.recommendL {
					.recommendIcon {
						width: 48rpx;
						height: 48rpx;
					}

					.recommendLR {
						margin-left: 28rpx;

						.recommendLRT {
							font-size: 36rpx;
							font-family: PingFang HK-Medium, PingFang HK;
							font-weight: 500;
							color: #333333;
						}

						.recommendLRB {
							font-size: 20rpx;
							font-family: PingFang HK-Thin, PingFang HK;
							font-weight: 100;
							color: #333333;
						}
					}
				}

				.recommendMore {
					font-size: 24rpx;
					font-family: Inter-Regular, Inter;
					font-weight: 400;
					color: #A8A8A8;
					padding: 0;
					margin: 0;
					border: none;
				}

			}

			.waterfallBox {
				margin: 24rpx auto 0;
				width: 692rpx;

				.waterfall {
					width: 100%;
					overflow: hidden;

					.wt-list {
						flex-direction: column;
						width: 332rpx;
						margin-right: 30rpx;


						.wt-item {
							margin-bottom: 16rpx;
							background-color: #ffffff;
							border-radius: 24rpx;
							position: relative;
							/* 裁切 圆角*/
							overflow: hidden;
							box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(212, 212, 212, 0.25);
							flex-direction: column;

							.thumb {
								width: 100%;
							}

							.specialSale {
								width: 70rpx;
								height: 36rpx;
								background: linear-gradient(90deg, #F76F4C 0%, #F85954 100%);
								border-radius: 24rpx 0rpx 24rpx 0rpx;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 1;

								.specialSaleImg {
									width: 36rpx;
									height: 26rpx;
								}
							}



							.countdownBox {
								width: 200rpx;
								height: 36rpx;
								background: linear-gradient(90deg, #FD9522 0%, #F4665C 100%);
								border-radius: 24rpx 0rpx 24rpx 0rpx;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 1;

								.countdownTitle {
									font-size: 16rpx;
									font-family: PingFang SC-Regular, PingFang SC;
									color: #FFFFFF;
									white-space: nowrap;
								}

								/deep/.uni-countdown__number {
									width: auto !important;
								}

								/deep/.uni-countdown {
									padding-bottom: 6rpx;
								}

								/deep/.uni-countdown__number span {
									font-size: 16rpx;
								}

								/deep/.uni-countdown__splitor span {
									font-size: 16rpx;
								}
							}

							.wt-item-info {
								width: 100%;
								border-radius: 24rpx 24rpx 24rpx 24rpx;
								padding: 22rpx 12rpx 20rpx;
								position: relative;

								.info-sign-scroll {
									width: 200rpx;
									position: absolute;
									top: -20rpx;
									left: 18rpx;
									z-index: 1;
								}

								.info-sign {
									width: 200rpx;
									height: 32rpx;
									background: linear-gradient(270deg, #F3645D 0%, #FC9520 100%);
									border-radius: 8rpx 8rpx 8rpx 8rpx;
									overflow-x: auto;
									padding: 0 10rpx;

									.info-sign-item {
										.info-sign-item-title {
											font-size: 16rpx;
											font-family: PingFang SC-Regular, PingFang SC;
											font-weight: 400;
											color: #FFFFFF;
											white-space: nowrap;
										}

										.info-sign-item-line {
											width: 2rpx;
											height: 14rpx;
											background-color: #ffffff;
											margin: 0 6rpx;
										}
									}
								}

								.vipBox {
									flex-direction: column;
									width: 90rpx;
									height: 60rpx;
									background: #FEEAA0;
									border-radius: 8rpx 8rpx 8rpx 8rpx;
									position: absolute;
									z-index: 1;
									top: -40rpx;
									left: 30rpx;

									.vipTitle {
										font-size: 28rpx;
										font-family: YouSheBiaoTiHei-Regular, YouSheBiaoTiHei;
										font-weight: bold;
										color: #8F5F10;
										font-style: italic;
									}

									.vipLine {
										width: 52rpx;
										height: 6rpx;
										background: #8F5F10;
										border-radius: 18rpx 18rpx 18rpx 18rpx;
									}
								}

								.goodsBox {
									padding: 8rpx;
									background-color: #ffffff;
									border-radius: 24rpx;

									.title {
										font-size: 28rpx;
										font-family: PingFang SC-Regular, PingFang SC;
										font-weight: bold;
										color: #000000;
									}

									.goodsSignScroll {
										width: 300rpx;
									}

									.goodsSign {
										width: 300rpx;
										margin-top: 8rpx;

										.goodsSignItem {
											.goodsSignItemTitle {
												font-size: 20rpx;
												font-family: PingFang SC-Regular, PingFang SC;
												font-weight: normal;
												color: #A6A5A6;
												white-space: nowrap;
											}

											.goodsSignItemLine {
												width: 2rpx;
												height: 22rpx;
												background-color: #A6A5A6;
												margin: 0 16rpx;
											}
										}

										.goodsSignItem2 {
											font-size: 16rpx;
											font-family: PingFang SC-Regular, PingFang SC;
											font-weight: normal;
											color: #DA93A5;
											padding: 4rpx 6rpx;
											background: #FCEEF3;
											border-radius: 8rpx;
											border: 2rpx solid #F2615F;
											white-space: nowrap;
											margin-right: 12rpx;
										}
									}

									.goodsPriceBox {
										margin-top: 12rpx;

										.goodsPrice {
											.market {
												font-size: 28rpx;
												font-family: PingFang SC-Medium, PingFang SC;
												font-weight: 500;
												color: #E4883A;
											}

											.del {
												position: relative;

												.deltext {
													font-size: 20rpx;
													font-family: PingFang SC-Medium, PingFang SC;
													font-weight: normal;
													color: #CFCDCF;
												}

												.delLine {
													width: 100%;
													height: 2rpx;
													background-color: #CFCDCF;
													position: absolute;
													left: 0;
													top: 50%;
													transform: translate(0, -50%);
												}
											}
										}

										.goodsCart {
											width: 48rpx;
											height: 48rpx;
										}
									}
								}

							}

							.wt-item-info-bg-white {
								background: #ffffff;
							}

							.wt-item-info-bg-yellow {
								background: linear-gradient(180deg, #FEEAA1 0%, #FEE589 100%);
								margin-top: -16rpx;
							}
						}
					}

					.wt-list:nth-last-of-type(1) {
						margin-right: 0;
					}
				}
			}

			.swiperBox2 {
				width: 100%;

				.swiper2 {
					width: 100%;

					.swiper2Img {
						width: 100%;
						height: 358rpx;
					}

					/deep/.uni-swiper-dot {
						width: 6rpx;
						height: 6rpx;
						border-radius: 50%;
					}
				}
			}

			.topTabs2 {
				width: 100%;
				height: 68rpx;
				margin-top: 7rpx;
				padding: 0 30rpx;

				.topTabsLeft2 {
					width: 100%;
					height: 68rpx;
					overflow-x: auto;

					.topTab2 {
						flex-direction: column;
						margin-right: 80rpx;
						height: 68rpx;
						position: relative;

						.topTabText3 {
							font-size: 28rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #000000;
							white-space: nowrap;
						}

						.tabLine2 {
							width: 46rpx;
							height: 10rpx;
							position: absolute;
							bottom: 0;
							left: 50%;
							transform: translate(-50%, 0);
						}
					}

					.topTab2:nth-last-of-type(1) {
						margin-right: 0;
					}
				}
			}

			.icp {

				margin-top: 30rpx;
				padding: 0 30rpx;

				.icpItem {
					color: #000000;
					font-size: 28rpx;
				}
			}
		}
	}
</style>